<template>
  <div class="resume-detail-experience info-group">
    <div class="info-group-title">工作经历</div>
    <div class="info-group-content">
      <div class="experience-info" v-for="(item, index) in data" :key="index">
        <span class="experience-info-time">
          {{ item.startDate }}-{{ item.endDate }}
        </span>
        <span class="experience-info-companyName">
          {{ item.companyName }}
        </span>
        <div class="experience-info-item">工作岗位：{{ item.jobName }}</div>
        <div class="experience-info-item">工作年限：{{ item.time }}</div>
        <div class="experience-info-item">工作内容：{{ item.jobContent }}</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ResumeDetailExperience',
  props: {
    data: {
      type: Array,
      default: () => []
    }
  }
}
</script>

<style lang="scss">
@import 'styles/common.scss';
.resume-detail-experience {
  .experience-info {
    padding: 0.26rem 0;
    // background-color: $colorBG2;
    .experience-info-time {
      font-size: 16px;
    }
    .experience-info-companyName {
      margin-left: 0.6rem;
      font-size: 16px;
      color: $colorText1;
    }
    .experience-info-item {
      margin-top: 0.3rem;
    }
  }
}
</style>
